/*@import url("http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,400,700");*/
@bg-main: #171C28;
@bg-alt: #243043;
@bg-yellow: #FFD100;
@bg-green: #34B297;
@bg-blue: #3996D3;

::-moz-selection {
    background: #2ecc71;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #2ecc71;
    color: #fff;
    text-shadow: none;
}

.transition {
	-webkit-transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-ms-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	transition: all 0.25s ease 0s;
}

body {
	.ui-autocomplete {
		max-height: 150px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;

		&.ui-widget-content {
		    background: none no-repeat 0 0  scroll #FFFFFF;
		    border: medium none;
		    color: #000;
		}

		&.ui-widget {
		    font-family: "Roboto Condensed", sans-serif;
			font-size: 12px;
		}

		.ui-state-focus {
			background-image: none;
		}
	}
	
	.ui-datepicker{
		font-size: 0.9em;
		font-family: "Roboto Condensed", sans-serif;

		.ui-datepicker-header {
			border: medium none;
			background: none no-repeat 0 0 scroll #fff;
		}

		.ui-state-default {
			background-image: none;
			border: medium none;
		}

		.ui-state-active {
			background-color: @bg-yellow;
			color: #000;
		}
	}

	/* login form */

	/* icon style */
	[class^="icon-"], [class*=" icon-"] {
	    background-image: url('../img/icons/glyphicons-halflings.png');
	    background-position: 14px 14px;
	    background-repeat: no-repeat;
	    display: inline-block;
	    height: 14px;
	    line-height: 14px;
	    margin-top: 1px;
	    vertical-align: text-top;
	    width: 14px;
	    padding-right: 5px;
	}

	.bg-pos (@x, @y) {
		background-position: @x @y;
	}

	.icon-map-marker {
		.bg-pos(-24px, -72px);
	}

	.icon-envelope {
		.bg-pos(-72px, 0);
	}

	.icon-globe {
		.bg-pos(-336px, -144px);
	}

	.icon-calendar {
		.bg-pos(-192px, -120px);
	}

	.icon-plane {
		.bg-pos(-168px, -120px);
	}

	.icon-briefcase {
		.bg-pos(-432px, -144px);
	}

	.icon-user {
		.bg-pos(-168px, 0);
	}

	.icon-ok {
		.bg-pos(-288px, 0);
	}

	.icon-trash {
		.bg-pos(-456px, 0);
	}

	.icon-shopping-cart {
		.bg-pos(-360px, -120px);
	}

	.icon-star {
		.bg-pos(-120px, 0);
	}

	.icon-star-empty {
		.bg-pos(-144px, 0);
	}

	.icon-wrench {
		.bg-pos(-360px, -144px);
	}

	.icon-comment {
		.bg-pos(-240px, -120px);
	}

	.icon-play {
		.bg-pos(-264px, -72px);
	}

	.social-network {
	    background: url("../img/icons/social-networks.png") no-repeat scroll left top transparent;
	    cursor: pointer;
	    display: inline-block;
	    height: 32px;
	    transition: all 0.2s ease 0s;
	    width: 32px;
	    margin: 0 8px 12px 0;

	    &:last-child {
	    	margin-right: 15px;
	    }

	    &.twitter {
		    background-position: -1134px -42px;

		    &:hover {
			    background-position: -1134px 0;
			}
		}

		&.facebook {
		    background-position: -210px -42px;

		    &:hover {
			    background-position: -210px 0;
			}
		}

		&.youtube {
		    background-position: -1260px -42px;

		    &:hover {
			    background-position: -1260px 0
			}
		}
	}
}

.login-form, .register-form, .forgot-password-form {
	background: none repeat 0 0 scroll @bg-main;
	text-align: center;
	max-width: 338px;
	max-height: 427px;
	padding-bottom: 23px;

	a {
		color: #ccc;
		text-decoration: none;

		&:hover {
			text-decoration: underline;
		}
	}

	h1 {
		font-weight: normal;
		color: #fff;
		background : url('../img/assets/line.png') 50% 100% repeat-x;
		margin-bottom: 10px;
		padding: 10px 0;
	}

	p {
		color: #fff;
		text-align: left;
		padding: 0 20px;
		margin-bottom: 10px;
	}

	input[type="text"], input[type="password"] {
		background-color: #fff;
		border: 1px solid #B7B7B7;
		border-radius: 3px;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
		padding: 5px;
		width: 80%;
		font-size: 1.1em;
		margin-top: 10px;
	}

	.button {
		background: none repeat scroll 0 0 @bg-yellow;
		padding: 10px 20px;
		color: @bg-main;
		font-size: 1em;
		text-transform: uppercase;
		border-radius: 3px;
		cursor: pointer;
		font-weight: 400;
		border: medium none;
		float: right;
		margin: 10px 35px 10px 0;

		&.sign-up {
			margin-bottom: 20px;
		}
	}

	.remember-forgot {
		color: #ccc;
		float: left;
		margin-top: 5px;
		margin-left: 30px;
		font-size: 0.9em;

		label {
			margin-right: 5px;
		}

		a {
			margin-left: 5px;
		}
	}

	.terms-privacy {
		color: #ccc;
		text-align: left;
		margin: 5px 35px 0;
		font-size: 0.9em;

		a {
			color: #fff;
		}
	}

	.separator-or {
		clear: both;
		background: url("../img/assets/line.png") repeat-x scroll 50% 50% transparent;
    	margin: 10px 0 15px;

   		span {
   			background-color: #FFFFFF;
		    border-radius: 25px 25px 25px 25px;
		    color: #171C28;
		    font-family: Georgia,"Times New Roman",Times,serif;
		    font-style: italic;
		    padding: 6px;
   		}
	}

	.social-connect {
		.signup-btn {
			display: inline-block;
			text-align: center;
			border: 0 none;
		    border-radius: 3px;
		    box-shadow: none;
		    font-size: 1em;
		    text-shadow: none;
		    text-transform: uppercase;
		    color: #fff;
		    line-height: 1;
		    margin-bottom: 20px;
		    padding: 1.2em 20px 1em;
		    width: 200px;

		    &.signup-facebook {
		    	background-color: #0F66AA;
		    }

		    &.signup-twitter {
		    	background-color: #28B9DD;
		    }
		}
	}

	.signup {
		color: #fff;
		clear: both;
	}
}

.register-form {
	max-height: 507px;
}

.forgot-password-form {
	min-height: 200px;
}

header {
	background: url('../img/assets/triangle-main.png') repeat-x right bottom;
	padding-bottom: 8px;

	.header-wrapper {
		background-color: @bg-main;
		padding-bottom: 0px;
	}

	#top-bar {
		text-align: right;
		margin-top: 10px;
		color: #fff;
		font-size: 1.1em;

		.login-box, .shop-cart, .search-box {
			display: inline-block;
		}

		.login-box {
			position: relative;
			border-right: 2px dotted @bg-alt;
			padding-right: 15px;

			img {
				border-radius: 50%;
				margin-right: 10px;
				width: 23px;
				height: 23px;
			}

			.separate-or {
				padding: 0 8px;
			}

			.my-account {
				display: none;
				position: absolute;
				top: 13px;
				left: -8px;
				z-index: 9999;
				font-size: 13px !important;
				
				ul {
					list-style-type: none;
					margin-bottom: 0;
					border-radius: 3px;
					background: url('../img/icons/icon-up.png') no-repeat scroll center top transparent;
					border-bottom: 1px solid #ddd;
					overflow: hidden;
					padding-top: 16px;


					li {
						margin-left: 0;
						text-align: left;
						display: block;
						padding: 5px 10px;
						border-bottom: 1px solid #ddd;
						width: 100px;
						background-color: #fff;

						a {
							color: @bg-main;
							text-decoration: none;
						}

						&:last-child {
							border-bottom: medium none;
						}

						&:first-child {
							border-radius: 3px 3px 0 0;
						}

						&:hover {
							background-color: #ccc;
						} 
					}
				}
			}

			&.logged-in:hover > .my-account {
				display: block;
			}

			&.logged-in:hover a {
				text-decoration: none;
			}
		}

		.shop-cart {
			padding-left: 10px;

			a {
			    text-decoration: none;

				sup {
					background-color: #E74C3C;
				    border-radius: 30px 30px 30px 30px;
				    color: white;
				    font-size: 12px;
				    font-weight: 500;
				    line-height: 18px;
				    min-width: 8px;
				    padding: 0 5px;
				}

				i {
					vertical-align: middle;
				}
			}
		}

		.search-box {
			padding-left: 10px;
			position: relative;

			input {
				border-radius: 5px;
				border: medium none;
				padding: 5px 5px 5px 20px;
				width: 150px;
				color: #fff;
				background-color: @bg-alt;
				font-size: 1em;
			}

			button {
				cursor: pointer;
				position: absolute;
				top: 10px;
				left: 15px;
				padding: 0 5px;
				width: 11px;
				height: 11px;
				border: medium none;
				background: url('../img/icons/icon-search.png') no-repeat center left scroll;
			}
		}

		.separator {
			padding: 0 10px;
		}

		a {
			color: #fff;

			&:hover {
				text-decoration: none;
			}
		}
	}

	#site-logo {
		text-align: center;
	}

	#top-nav {
		background: url('../img/assets/triangle-alt.png') repeat-x right bottom;
		margin: 5px 0 0 0;
		width: 680px;
		margin-bottom: -8px;
	}

	ul#menu {
	    margin: 0 0 8px;
	    padding: 0;
	    text-align: left;
	    list-style-type: none;
	    font-size: 1.1em;
	    background-color: @bg-alt;
		border-radius: 5px 0 0 0;
		height: 61px;
		position: relative;
	    z-index: 597;

		li {
		    display: inline;
		    list-style: none;
		    padding-left: 28px;
		    margin-left: 0;

		    a {
	    	    background: none;
	    	    color: #fff;
	    	    text-decoration: none;
	    		line-height: 61px;

	    		&:hover {
				    color: #ccc;
				    text-decoration: none;
				}
	    	}

	    	&:hover > ul {
			    visibility: visible;
			}

		    &.drop {
		    	background: url('../img/icons/icon-drop.png') no-repeat scroll right top transparent;

		    	a {
		    		padding-right: 20px;
		    	}
		    }

		    &.hover, &:hover {
		    	position: relative;
		    	z-index: 599;
		    	cursor: default;
		    }
		}

		ul {
		    padding-left: 0;
		    visibility: hidden;
		    position: absolute;
		    top: 19px;
		    left: 28px;
		    z-index: 598;
		    width: 100px;
		    background: #FFF;
		    border: 1px solid #CCC;
		    text-align: left;
		   	border-radius: 3px;
		   	overflow: hidden;

		    li {
	    	    float: none;
	    	    padding: 5px 10px;
	    	    display: block;
	    	    border-bottom: 1px solid #DDD;

	    	    a {
    	    	    color: #333;
    	    	    font-weight: normal;
    	    	    font-size: 1em;
    	    	    line-height: normal;

    	    	    &:hover {
	    	    	    text-decoration: underline;
	    	    	}
    	    	}

    	    	&:hover {
					background: none repeat 0 0 scroll #ccc;

					a {
						color: @bg-main;
						text-decoration: none;
					}
    	    	}

    	    	&:last-child {
    	    		border-bottom: medium none;
    	    	}
	    	}

	    	ul {
	    		top: -2px;
	    		left: 100%;
	    	}
		}
	}
}

section {
	color: #fff;

	a {
		color: #fff;
		text-decoration: none;
	}

	/* form style */
	label {
		font-size: 1.1em;

		.note-required {
			color: red;
			margin-left: 3px;
			font-weight: normal;
		}

		.star-notice {
			background: url('../img/icons/icon-what.png') no-repeat scroll 0 0 transparent;
		  	cursor: pointer;
		  	display: inline-block;
		  	height: 18px;
		  	width: 18px;
		  	position: relative;
		  	text-indent: -99999px;
		  	top: 5px;
		  	margin-left: 3px;
		}
	}

	input[type="text"], input[type="password"], textarea, select {
		#section > .text-select;

		&.datepicker {
			background: url('../img/icons/icon-calendar.png') no-repeat scroll 98% center #fff;
			width: auto;
		}

		&.large {
			width: 100%;
		}

		&.disabled {
			background-color: #EEEEEE;
    		border-color: #DDDDDD;
    		cursor: not-allowed;
		}
		
		&.success {
			border: 2px solid @bg-green;
   			box-shadow: none;
    		color: @bg-green;
		}

		&.error {
    		border: 2px solid #E74C3C;
   			box-shadow: none;
    		color: #E74C3C;
		}
	}

	.help-block {
		font-size: 0.9em;
		color: #ccc;

		a {
			color: #fff;

			&:hover {
				text-decoration: underline;
			}
		}

		&.error {
			color: #E74C3C;
		}

		&.success {
			color: @bg-green;
		}
	}

	textarea {
		font-family: inherit;
		font-size: 1em;
	}

	select {
		#section > .select;
	}

	hr {
		border : 0;
		height : 15px;
		background : url('../img/assets/line.png') 50% 0 repeat-x;
		margin : 0 30px 10px;

		&.trim {
			margin-bottom: 0;
		}
	}

	/* button style */
	.button { /* default yellow */
		background: none repeat scroll 0 0 @bg-yellow;
		padding: 5px 40px;
		color: #000;
		font-size: 1.4em;
		border-radius: 3px;
		cursor: pointer;
		text-shadow: 0 1px 0 #fff;
		border: medium none;

		&.blue {
			background-color: @bg-alt;
			box-shadow: none;
			color: #fff;
			font-size: 16.5px;
			text-shadow: none;
			float: right;
			padding: 5px 20px;
		}

		i {
			vertical-align: baseline;
		}
	}

	/* table style */
	table {
		width: 100%;
		border: medium none;

		tbody tr {
			background : url('../img/assets/line.png') 50% 0 repeat-x;
		}

		th {
			padding: 5px 10px;
			font-size: 1.2em;
			text-align: center;
			color: #fff;
		}

		td {
			color: #fff;
			padding: 15px 4px;
			vertical-align: middle;
		}
	}

	/* custom style jQuery UI */
	.progress {
		margin-top: 20px;

		.ui-progressbar {
			position: relative;
			height: 18px;
			display: inline-block;
		}

		.ui-widget-header {
			background-color: #0E90D2;
			background-image: linear-gradient(to bottom, #149BDF, #0480BE);
		}

		.ui-widget-content {
			background-color: #F7F7F7;
			background-image: none;
			border: medium none;
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
			overflow: hidden;
			width: 80%;
			float: left;
		}

		.ui-progressbar .ui-progressbar-overlay {
			background-color: #149BDF;
			background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
			background-size: 40px 40px;
			-webkit-animation: 2s linear 0s normal none infinite progress-bar-stripes;
			-o-animation: 2s linear 0s normal none infinite progress-bar-stripes;
			animation: 2s linear 0s normal none infinite progress-bar-stripes;
		}

		.progress-label {
			display: inline-block;
			font-size: 12px;
			color: #000;
			float: right;
		}
	}

	.custom-combobox {
		position: relative;
		display: block;

		.custom-combobox-toggle {
			position: absolute;
			top: 0;
			bottom: 0;
			margin-left: -1px;
			padding: 0;
			width: 10%;
			background-image: none;
			/* support: IE7 */
			*height: 1.7em;
			*top: 0.1em;
		}
		.custom-combobox-input {
			margin: 0;
			width: 90%;
			background-image: none;
			background-color: #fff;
			border: 1px solid #B7B7B7;
			box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
			padding: 5px;
		}

		.ui-widget {
			font-family: "Roboto Condensed", sans-serif;
			font-size: 12px;
		}

		.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-widget-content {
			color: #000;
		}
	}

	.slider-wrapper {
		padding: 10px;

		.ui-slider {
			border-radius: 3px;

			&.ui-widget-content {
				border: medium none;
				background-color: #F7F7F7;
				background-image: none;
				box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2) inset;
			}

			&.ui-slider-horizontal {
				height: 8px;
			}

			.ui-slider-handle {
				background: url('../img/assets/slider-handle.png') no-repeat scroll center center #F3F6FD;
			    box-shadow: 0 0 4px rgba(0, 24, 80, 0.28), 0 0 2px #FFFFFF inset;
			    height: 5px;
			    margin: 1px 0 0 -5px;
			    width: 15px;
			    padding: 5px 0;
			}

			.ui-slider-range {
				background-color: @bg-yellow;
				background-image: linear-gradient(to bottom, #FBB450, #F89406);
			}
		}
	}

	/* alert style */
	.alert {
		background-color: #f39c12;
	    border-radius: 3px;
	    color: #fff;
	    margin: 20px 0;
	    padding: 8px 35px 8px 14px;
	    font-size: 1em;
	    clear: both;
	    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/

	    &.alert-error {
	    	background-color: #c0392b;
	    }

	    &.alert-success {
	    	background-color: #16a085;
	    }

	    &.alert-info {
	    	background-color: #2980b9;
	    }

	    &.alert-block {
	    	ul {
	    		margin-bottom: 0;

	    		li {
	    			line-height: 15px;
	    		}
	    	}
	    }

	    .close {
	        line-height: 18px;
	        position: relative;
	        right: -21px;
	        top: -2px;
	        color: #000000;
	        float: right;
	        font-size: 1em;
	        font-weight: bold;
	        opacity: 0.2;
	        text-shadow: 0 1px 0 #FFFFFF;

	        &:hover {
				color: #000000;
				cursor: pointer;
				opacity: 0.4;
				text-decoration: none;
			}
	    }

	    button.close {
	        background: none repeat scroll 0 0 transparent;
	        border: 0 none;
	        cursor: pointer;
	        padding: 0;
	    }
	}

	/* search country code */
	.search-code {
		position: relative;

		.country-code {
			position: absolute;
			top: -10px;
			left: 0;
			opacity: 0;
		}
	}

	/* section namespace */
	#section {
		.global (@margin-top) {
			margin-top: @margin-top;
			border-radius: 3px;
			background: none repeat scroll 0 0 @bg-main;
		}

		.title {
			font-weight: normal;
			background: none repeat scroll 0 0 @bg-alt;
			padding: 5px 30px;
			border-radius: 3px 3px 0 0;

			.loading {
				float: right;
				background: url('../img/assets/loading.gif') no-repeat scroll center center;
				height: 24px;
				width: 24px;
				text-indent: -99999px;
				margin-top: 6px;
			}
		}

		.select {
			width: auto;
			height: 30px;
			line-height: 30px;
			padding: 4px;
		}

		.text-select {
			background-color: #fff;
			border: 1px solid #B7B7B7;
			border-radius: 3px;
			box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
			padding: 5px;
			width: 100%;
		}

		.header-details {
			border-top: 3px solid @bg-alt;
			margin: 0 30px;
		}

		.title-details {
			font-weight: normal;
			background: none repeat scroll 0 0 @bg-alt;
			padding: 0 30px 5px;
			display: inline-block;
		}

		.currency {
			font-weight: bold;
			font-size: 1.1em;
			line-height: 10px;
			display: block;
		}

		.slider-feature {
			width: auto;
			margin-top: 25px;
			position: relative;
		}

		.slider-pages {
			position: absolute;
			width: 100%;
			height: 90px;
			bottom: 33%;
			left: 0;

			.prev-next (@direction, @image) {
				float: @direction;
				width: 30px;
				height: 90px;
				background: url('../img/assets/@{image}.png') no-repeat scroll center right;
				cursor: pointer;
			}

			.next {
				.prev-next(right, next);
			}

			.prev {
				.prev-next(left, prev);
			}
		}
	}

	&.sidebar-left {
		.explore-left {
			#section > .global(25px);

			ul {
				list-style-type: none;

				h2 {
					font-weight: normal;
					font-size: 1.1em;
					margin-bottom: 0;
				}

				&#tab-explore {	
					margin-bottom: 0;
					background-color: @bg-alt;
					border-radius: 3px 3px 0 0;

					li {	
						padding: 12px 0;
						width: 115px;
						text-align: center;
						display: inline-block;
						margin: 0;
						margin-right: -5px;
						border-radius: 3px 3px 0 0;
					}

					.active {
						background-color: @bg-main;
					}
				}
			}

			.tabs-content {
				margin-top: 20px;

				span {
					font-weight: normal;
					font-size:  1.2em;
					padding-left: 30px;

					.icon-category (@icon) {
						background: url('../img/icons/icon-@{icon}.png') no-repeat top left scroll;  
					}

					&.attraction {
						.icon-category(attraction);
					}

					&.food-drink {
						.icon-category(food-drinks);  
					}

					&.shopping {
						.icon-category(shopping);  
					}

					&.leisure {
						.icon-category(leisure);
					}
				}

				&#province span {
					padding-left: 0;
				}

				ul ul li {
					list-style-type: disc;
					font-size: 1em;
					margin-left: 45px;
				}
			}
		}

		.flight-left, .hotel-left {
			.search-flight, .search-hotel {
				#section > .global(25px);

				h2 {
					#section > .title;
				}

				ul {
					margin-bottom: 0;
					list-style-type: none;

					li {
						display: inline-block;

						input {
							margin-right: 5px;
						}
					}
				}

				.cols {
					padding: 10px 30px 0;

					.passenger {
						display: inline-block;
						width: 75px;
						margin-right: 8px;

						label {
							display: block;
						}

						select {
							width: 100%;
						}

						&:last-child {
							margin-right: 0;
						}
					}

					.button {
						margin-bottom: 20px;
						float: right;
						padding: 5px 20px;
					}
				}
			}

			.airlines-brand-list {
				#section > .global(20px);

				h2 {
					#section > .title;
				}

				ul {
					list-style-type: none;
					font-size: 1.2em;
					padding-bottom: 10px;

					li {
						padding: 0 30px 10px;
						margin-left: 0;

						img {
							margin-right: 10px;
						}
					}

					hr {
						margin-bottom: 0;
					}
				}
			}

			.promo-flight {
				#section > .global(20px);

				h2 {
					#section > .title;
				}
				
				.wrap-promo-flight {
					padding-bottom: 20px;

					.promo-flight-item {
						padding: 0 30px 10px;

						&:hover {
							h4 {
								color: @bg-green;
								.transition();
							}
						}

						h4 {
							margin-bottom: 0;
							font-weight: normal;
							.transition();
						}

						.promo-flight-date {
							font-size: 0.9em;
						}

						.currency {
							margin-left: 10px;
							font-size: 1.2em;
							color: @bg-yellow;
						}
					}

					hr {
						margin-bottom: 0;
					}

					em {
						font-size: 0.9em;
						padding: 0 30px;
					}
				}
			}

			.filter-results {
				#section > .global(20px);

				h2 {
					#section > .title;
				}

				.cols {
					padding: 0 30px;

					h5 {
						font-weight: normal;
						margin-bottom: 0;
					}

					input[type="text"] {
						margin-bottom: 15px;
					}

					#slider-star {
						margin-bottom: 10px;
					}

					ul {
						list-style-type: none;

						&.depart-time {
							font-size: 0.9em;
							margin-bottom: 0;

							li {
								display: inline-block;
								width: 80px;
								text-align: center;
								margin-bottom: 0;

								&:first-child {
									text-align: left;
								}

								&:last-child {
									text-align: right;
								}
							}
						}

						&.star-rating {
							text-align: center;
							margin-bottom: 0;

							li {
								display: inline-block;

								&:first-child {
									margin-right: 10px;
								}

								&:last-child {
									margin-left: 10px;
								}
							}
						}

						li {
							margin-left: 0;
							margin-bottom: 5px;

							.currency {
								float: right;
								text-transform: uppercase;
								color: @bg-yellow;
							}
						}
					}

					.take-off-time, .price-limit {
						text-align: center;
						margin-bottom: 10px;
					}
				}
			}
		}

		.poi-sidebar {
			.main-pic-poi {
				margin-top: 20px;
				img {
					border-radius: 3px;
				}
			}
			
			.poi-attributes {
				#section > .global(20px);
				padding: 20px 30px;

				ul {
					list-style-type: none;
					margin-bottom: 0;

					li {
						margin-left: 0;
						padding-bottom: 10px;

						a {
							color: @bg-yellow;
						}
						strong {
							display: block;
							font-size: 1.1em;
							font-weight: normal;
						}

						h5 {
							font-weight: normal;
							margin-bottom: 0
						}

						&:last-child {
							padding-bottom: 0;
						}
					}

					hr {
						margin: 0;
					}
				}
			}

			.poi-review {
				#section > .global(20px);

				h2 {
					#section > .title;
					line-height: 35px;

					a {
						float: right;
						font-size: 0.6em;
						color: #ccc;
					}
				}

				p {
					padding: 0 30px 20px;
				}

				ul {
					padding: 0 30px 20px;
					list-style-type: none;
					margin-bottom: 0;

					li {
						margin-left: 0;
						margin-bottom: 10px;

						.comment-content {
							background: none repeat 0 0 scroll @bg-alt;
							border-radius: 3px;
							padding: 5px;
							margin-bottom: 15px;
							position: relative;

							&:after {
								content: "";
								position: absolute;
								top: 100%;
								left: 10px;
								border-top: 10px solid black;
								border-top-color: @bg-alt; 
								border-left: 10px solid transparent;
								border-right: 10px solid transparent; 
							}

							&:last-child {
								margin-bottom: 0;
							}
						}

						.comment-by {
							img {
								border-radius: 50%;
								display: inline-block;
								margin-right: 5px;
								vertical-align: top;
							}

							.comment-meta {
								display: inline-block;

								.user-fullname {
									display: block;
								}

								.comment-time {
									font-size: 0.9em;
									font-style: italic;
								}
							}
						}

						.right {
							margin-top: 10px;
							float: right;

							.button {
								padding: 5px 10px;
								font-size: 1.2em;
								margin-left: 5px;
							}
						}

						&:last-child {
							margin-bottom: 0;
						}
					}
				}
			}
		}

		.dashboard-left {
			#section > .global(25px);

			h2 {
				#section > .title;
			}

			.data-user {
				padding: 0 30px 20px;

				.user-left {
					float: left;
					width: 40px;

					img {
						border-radius: 50%;
					}
				}

				.user-right {
					float: right;
					width: 200px;
					margin-top: 5px;

					h3 {
						margin-bottom: 0;
						font-weight: normal;
						line-height: 15px;
						font-size: 1.2em;
					}

					em {
						color: #ccc;
						font-size: 12px;
					}
				}
			}

			ul {
				list-style-type: none;
				margin-bottom: 0;
				padding-bottom: 20px;

				li {
					margin: 0 30px;
					padding: 5px 0;
					font-size: 1.2em;
					background: url('../img/assets/line.png') 50% 100% repeat-x;

					&:first-child {
						padding-top: 0;
					}

					&.active {
						a {
							color: @bg-yellow;
						}
					}

					i {
						vertical-align: baseline;
					}
				}
			}
		}
	}

	&.main-content {
		min-height: 385px;

		.home-content {
			margin-top: 25px;

			.tabs-menu {
				list-style-type: none;
				margin-bottom: 0;

				li {
					display: inline-block;
					margin-left: 0;
					padding: 5px 20px;
					border-radius: 3px 3px 0 0;
					background-color: @bg-alt;

					.icon-set (@icon) {
						h2 {
							background: url('../img/icons/icon-@{icon}.png') no-repeat left center scroll;
						}
					}

					&.hotel {
						.icon-set(hotel);
					}

					&.flight {
						.icon-set(flight);
					}

					&.resto {
						.icon-set(food-drinks);
					}

					&.event {
						.icon-set(attraction);
					}

					a {
						h2 {
							margin-bottom: 0;
							font-weight: normal;
							font-size: 1.3em;
							padding-left: 25px;
						}
					}

					&.active {
						background-color: @bg-main;

						a {
							color: @bg-yellow;
						}
					}
				}
			}

			.wrap-home-content {
				background: none repeat 0 0 scroll @bg-main;
				padding: 20px 30px;
				border-radius: 0 3px 3px 3px;

				.search-flight, .search-hotel, .search-event{
					width: 250px;
					display: inline-block;
					float: left;

					ul {
						margin-bottom: 0;
						list-style-type: none;

						li {
							display: inline-block;
							margin-left: 0;
							margin-right: 20px;

							input {
								margin-right: 5px;
							}
						}
					}

					.cols {
						padding: 10px 0 0;

						.passenger {
							display: inline-block;
							width: 75px;
							margin-right: 8px;

							label {
								display: block;
							}

							select {
								width: 100%;
							}

							&:last-child {
								margin-right: 0;
							}
						}

						.chk-ticket {
							width: 80px;
							margin: 0;
							display: inline-block;
						}

						.button {
							float: right;
							padding: 5px 20px;
						}
					}
				}

				.popular-flight, .featured-hotel, .featured-event  {
					width: 320px;
					float: right;
					display: inline-block;
				}

				.popular-flight {
					select {
						display: inline-block;
						float: right;
						width: 270px;
					}

					ul {
						margin: 15px 0 0;
						list-style-type: none;

						li {
							font-size: 1.1em;
							margin-left: 0;
							border-bottom: 1px dotted @bg-alt;
							padding-bottom: 5px;

							span {
								float: right;

								em {
									font-size: 0.9em;
									margin-right: 5px;
								}

								.currency {
									color: @bg-yellow;
								}
							}
						}
					}
				}

				.featured-hotel {
					.hotel-item {
						margin-bottom: 10px;
						cursor: pointer;

						&:hover h4 a {
							color: @bg-green;
							.transition();
						}

						.hotel-image {
							display: inline-block;
						}

						.hotel-details {
							display: inline-block;
							width: 230px;
							float: right;

							h4 {
								font-weight: normal;
								margin-bottom: 0;
								line-height: 18px;
								font-size: 1.3em;
								
								a {
									.transition();
								}
							}

							strong {
								color: #FFD100;
								font-size: 1.2em;
								text-transform: uppercase;
							}
						}
					}
				}

				.featured-event {
					.event-item {
						margin-bottom: 20px;
						position: relative;

						&:hover h4 {
							color: @bg-green;
							.transition();
						}

						.date {
							position: absolute;
							background-color: @bg-yellow;
							color: #000;
							text-transform: uppercase;
							font-size: 0.9em;
							padding: 0 5px;
							top: 0;
							left: 0;
						}

						h4 {
							margin-top: 5px;
							font-weight: normal;
							margin-bottom: 0;
							line-height: 18px;
							font-size: 1.3em;
							.transition();
						}

						.location {
							color: #ccc;
						}
					}
				}


				h3 {
					margin-bottom: 0;
					font-weight: normal;
				}

				hr {
					margin: 0;
				}
			}

			.promo-deals {
				margin: 20px 0;

				.sale, .destination, .package {
					vertical-align: top;
					position: relative;
					border-top: 5px solid transparent;

					h3 {
						font-weight: normal;
						text-transform: uppercase;
						margin-bottom: 0;
						position: absolute;
						background: none repeat 0 0 scroll transparent;
						font-size: 1.4em;
						padding: 3px 10px;
						top: -5px;
						left: 0px;
						z-index: 1;

						:hover {
							color: #333;
						}
					}

					.slider-wrap {
						.slider-item {
							position: relative;
							overflow: hidden;

							.title-box {
								bottom: 0;
							    height: auto;
							    padding: 0;
							    position: absolute;
							    width: 100%;
							    z-index: 1;
								
								.overlay:after {
							     	bottom: 0;
								    box-shadow: 0 0 40px 40px #000000;
								    content: " ";
								    display: block;
								    height: 0;
								    position: absolute;
								    width: 100%;
								}

								h4 {
									margin: 0 15px;
									line-height: 18px;
									font-size: 1.3em;
								    padding: 10px 0;
								    position: relative;
								    width: 280px;
								    z-index: 3;
								}
							}
						}

						.pagination {
							text-align: center;

							a {
								background: none repeat scroll 0 0 #ccc;
								width: 10px;
								height: 10px;
								border-radius: 5px;
								margin: 0 5px 0 0;
								display: inline-block;

								&.selected {
									cursor: default;
									background-color: #666;
								}

								span {
									display: none;
								}
							}
						}
					}
				}

				.sale {
					border-color: #e74c3c;

					h3 {
						background-color: #e74c3c;
					}
				}

				.destination {
					border-color: #e67e22;

					h3 {
						background-color: #e67e22;
					}
				}

				.package {
					border-color: #9b59b6;

					h3 {
						background-color: #9b59b6;
					}
				}
			}

			.poi-content {
				padding: 20px 0;
				background: none repeat 0 0 scroll @bg-main;
				border-radius: 3px;

				.prev-next (@direction) {
					width: 40px;
					min-height: 178px;
					float: @direction;
					background: url('../img/assets/arrow-big-@{direction}.png') no-repeat scroll center center;
				}

				.nav {
					background-color: red;
					direction: ltr;
					display: block;
					overflow: hidden;
					text-align: left;
					text-indent: -9999em;

					&.prev {
						.prev-next(left);
					}

					&.next {
						.prev-next(right);
					}
				}

				.wrap-poi-carousel {
					float: left;
					overflow: hidden;

					.poi-item {
						cursor: pointer;
						width: 205px;

						&:hover {
							h3 {
								color: @bg-green;
								.transition();
							}
						} 

						.image-poi-wrapper {
							position: relative;

							.rate-poi {
								position: absolute;
								bottom: 5px;
								right: 5px;
								padding: 6px 8px;
								background-color: @bg-yellow;
								color: #000;
								border-radius: 50%;
							}
						}

						h3 {
							font-weight: normal;
							margin-top: 10px;
							margin-bottom: 0;
							font-size: 1.2em;
							line-height: 15px;
							.transition();
						}
					}
				}
			}
		}

		.explore-content {
			#section > .global(25px);

			h2 {
				#section > .title;
			}

			#content {
				padding: 0 0 0 30px;

				.tile-poi {
					width: 130px;
					display: inline-block;
					margin-right: 25px;
					vertical-align: top;
					cursor: pointer;

					&:hover h3 {
						color: @bg-green;
						.transition();
					}

					.poi-header {
						h3 {
							font-weight: normal;
							font-size: 1.2em;
							margin-bottom: 5px;
							line-height: 15px;
							.transition();
						}

						.image-poi-wrapper {
							position: relative;

							.rate-poi {
								position: absolute;
								bottom: 5px;
								right: 5px;
								padding: 6px 8px;
								background-color: @bg-yellow;
								color: #000;
								border-radius: 50%;
							}
						}

						.comment-count {
							text-align: right;
						}
					}

					.poi-description {
						p {
							margin-top: 5px;
							font-weight: normal;
							font-size: 1em;
						}

						.detail-poi {
							color: #40638c;
						}
					}
				}

				.pagination {
					margin-right: 30px;
					text-align: right;
					font-size: 0.9em;

					.pages {
						display: inline-block;
						margin-right: 10px;
					}

					ul {
						display: inline-block;
						list-style-type: none;

						li {
							display: inline;
							margin-left: 0;
							margin-right: 10px;
							padding: 3px 5px;
							background-color: @bg-yellow;

							a {
								color: #000;
							}

							&.disable {
								display: none;
							}

							&.current {
								cursor: text;
								background-color: #666;
								color: #fff;

								a {
									color: #fff;
								}
							}
						}
					}
				}
			}
		}

		.flight-detail {
			.head-search-flight {
				#section > .global(25px);

				h1 {
					font-weight: normal;
					font-size: 1.4em;
					padding: 8px 30px;
					margin-bottom: 0;
				}

				ul {
					list-style-type: none;
					background-color: @bg-alt;
					padding: 0 30px;
					margin-bottom: 0;
					font-size: 1.1em;
					border-radius: 0 0 3px 3px;

					li {
						display: inline-block;
						float: left;
					   	margin: 0;
					   	padding: 10px 15px;
					   	text-align: center;
					   	background: url('../img/assets/separator-list.png') no-repeat center right scroll;

					   	&:last-child {
					   		background-image: none;
					   	}

					   	i {
					   		vertical-align: baseline;
					   	}
					}
				}
			}

			.wrap-flight-detail {
				#section > .global(25px);

				.head-depart, .head-return {
					padding: 10px 30px;
					font-size: 1.1em;
					vertical-align: middle;

					.in-out-sign (@image){
						vertical-align: middle;
						margin: 0 10px 0 20px;
						padding-left: 50px;
						font-size: 1.3em;
						background: url('../img/icons/icon-@{image}.png') no-repeat bottom left scroll;
					}

					.in {
						.in-out-sign(in);
					}

					.out {
						.in-out-sign(out);
					}

					.del {
						cursor: pointer;
						float: right;
						margin-top: 10px;
						height: 14px;
						width: 14px;
						text-indent: -99999px;
						background: url('../img/icons/icon-cancel.png') no-repeat top center scroll;
					}
				}

				.detail-depart, .detail-return {
					ul {
						list-style-type: none;
						background-color: @bg-alt;
						padding: 0 30px;
						margin-bottom: 0;

						li {
							display: inline-block;
							float: left;
							height: 38px;
						   	margin: 0;
						   	padding: 10px 15px 0;
						   	text-align: center;
						   	background: url('../img/assets/separator-list.png') no-repeat center right scroll;

							.plane-code {
								font-size: 16px;
								font-weight: normal;
							}

							strong {
								font-size: 1.5em;
								padding: 0 5px;
								font-weight: normal;
							}

							.price-date (@size) {
								padding-top: 10px;
								font-size: 0.9em; 

								strong {
									font-size: @size;
									line-height: 10px;
								}

								span {
									display: block;
								}
							}

							&:first-child {
								padding-left: 0;
							}

							&:last-child {
								background-image: none;
							}

							&.date {
								.price-date(18px);
							}

							&.price {
								.price-date(20px);
							}

							img {
								vertical-align: baseline;
							}
						}
					}

					.place {
						margin: 10px 0 5px 30px;

						img {
							vertical-align: baseline;
							padding: 0 10px;
						}
					}

					.user {
						margin: 5px 0 10px 30px;
					}
				}

				.total-flight {
					background: @bg-yellow url('../img/assets/arrow-total.png') no-repeat 250px 0 scroll;
					color: #000;
					padding: 8px 30px 12px;
					border-radius: 0 0 3px 3px;
					height: 31px;
					text-shadow: 0 1px 0 #fff;

					.tot {
						font-size: 1.5em;
						font-weight: normal;
						text-transform: uppercase;

						em {
							text-transform: none;
							font-size: 0.6em;

							sup {
								vertical-align: middle;
								font-size: 1em;
							}
						}
					}

					.price {
						font-size: 1.7em;
						font-weight: normal;
						text-transform: uppercase;
						padding-left: 80px;
					}
				}

				.return {
					border-top: 3px solid @bg-yellow;
				}
			}

			.my-order {
				#section > .global(20px);

				h2 {
					#section > .title;
				}

				h4 {
					#section > .title-details;
				}

				.wrap-passenger {
					.desc {
						margin: 0 30px;
						padding-left: 80px;
						background: url('../img/assets/info.png') no-repeat center left scroll; 
					}

					.already-login {
						#section > .header-details;

						a.button {
							float: right;
							margin-top: -15px;
						}
					}

					.contact-person {
						#section > .header-details;

						.cols {
							.right {
								margin-left: 15px;
							}

							.format-phone {
								font-weight: normal;
								color: #ccc;
								font-size: 0.9em;
								display: block;

								a:hover {
									text-decoration: underline;
									cursor: pointer;
								}
							}
						}
					}

					.adult-passenger {
						#section > .header-details;

						.cols {
							.right {
								margin-left: 15px;
							}
						}

						.continue {
							padding: 20px 0;
							text-align: right;

							a {
								color: #ccc;
								font-size: 1.1em;
								margin-right: 10px;

								&:hover {
									text-decoration: underline;
								}
							}
						}
					}
				}
			}

			.flight-search {
				margin-top: 20px;

				ul {
					list-style-type: none;
					margin-bottom: 0;

					li {
						display: inline-block;
						margin-left: 0;
					}

					&#tab-flight {
						li {
							border-radius: 3px 3px 0 0;
							background: none repeat 0 0 scroll @bg-alt;
							padding: 10px 20px 12px;
							font-size: 1.2em;
							margin-right: 8px;

							strong {
								color: #ccc;
							}

							img {
								padding: 0 5px;
							}

							.recent-count {
								padding: 3px 10px;
								font-size: 12px;
								font-weight: bold;
								color: @bg-main;
								border-radius: 15px;
								background: none repeat scroll 0 0 #fff;
								margin-left: 5px;
							}

							&.active {
								background-color: @bg-main;

								strong {
									color: @bg-yellow;
								}
							}
						}
					}
				}

				.flight-content {
					background: none repeat 0 0 scroll @bg-main;
					border-radius: 0 3px 3px 3px;

					.slide-menu {
						margin-top: 10px;

						.prev-next (@direction) {
							height: 55px;
							width: 40px;
							float: @direction;
							background: @bg-alt url('../img/assets/arrow-@{direction}.png') no-repeat scroll center center;
						}

						.nav {
							direction: ltr;
							display: block;
							overflow: hidden;
							text-align: left;
							text-indent: -9999em;
						}

						.prev {
							.prev-next(left);
						}

						.next {
							.prev-next(right);
						}

						.day-slide {
							float: left;
							overflow: hidden;
							width: 550px;
							height: 55px;
							background: none repeat 0 0 scroll @bg-alt;

							ul {
								li {
									height: 55px;
									padding: 10px 5px;
									font-size: 12px;

									&.active {
										background-color: @bg-yellow;
										text-shadow: 0 1px 0 #fff;
										padding: 10px 16px;

										a {
											color: #000;

											h4 {
												font-weight: bold;
												font-size: 1.1em;
											}
										}
									}

									h4 {
										font-weight: normal;
										margin-bottom: 0;
										font-size: 1.1em;
									}

									p {
										margin-bottom: 0;
										font-size: 0.9em;
									}
								}
							}
						}
					}

					.flight-schedule, .flight-recent-search {
						padding: 0 20px;

						table {
							th {
								a {
									padding-right: 10px;
									background: url('../img/icons/icon-sort.png') no-repeat scroll center right;
								}
							}

							td {
								.flight-code {
									color: #ccc;
									margin-left: 5px;
								}

								&.depart-time, &.arrive-time, &.duration, &.via {
									text-align: center;
								}

								&.price {
									.currency {
										#section > .currency;
									}
								}

								&.destination {
									strong {
										font-size: 1.1em;
									}
								}

								&.selector {
									.price {
										text-align: left;
										float: left;
										width: 125px;

										.currency {
											#section > .currency;
										}
									}

									.remove-view {
										text-align: right;
										float: right;
										width: 115px;
									}

									.small {
										background-color: @bg-yellow;
										padding: 3px 8px;
										color: #000;
										font-size: 1.1em;
										border-radius: 5px;
										cursor: pointer;
										float: right;
										text-shadow: 0 1px 0 #fff;
									}
									
									.remove-recent {
										margin-right: 10px;

										&:hover {
											text-decoration: underline;
										}
									}
								}
							}
						}
					}

					.header-recent {
						padding: 10px 30px;

						h3 {
							font-size: 1.2em;
							font-weight: normal;
						}
					}
				}
			}

			.flight-feature {
				#section > .slider-feature;

				.fligth-pages {
					#section > .slider-pages;
				}
			}

			.flight-cheap-price {
				#section > .global(20px);

				h2 {
					#section > .title;
					margin-bottom: 0;
					border-bottom: 3px solid #fff;
				}

				ul {
					list-style-type: none;
					margin-bottom: 0;
					background: none repeat 0 0 scroll @bg-alt;

					li {
						display: inline-block;
						margin-left: 0;
						font-size: 1.2em;
						padding: 3px 15px;

						&.active {
							background-color: @bg-main;

							a {
								color: @bg-yellow;
							}
						}
					}
				}

				.flight-content {
					background: none repeat 0 0 scroll @bg-main;
					border-radius: 0 3px 3px 3px;
					padding: 0 20px 20px;

					.flight-item {
						width: 100%;
						background : url('../img/assets/line.png') 50% 100% repeat-x;

						&:hover {
							h4 {
								color: @bg-green;
								.transition();
							}
						}

						.col {
							color: #fff;
							padding: 15px 4px;
							float: left;
							vertical-align: middle;
							display: inline-block;

							&.flight-tip {
								width: 190px;
								text-align: left;

								h4 {
									font-weight: normal;
									margin-bottom: 0;
									font-size: 1.3em;
									.transition();
								}
							}

							&.airline {
								width: 100px;
								color: #ccc;

								img {
									margin-right: 5px;
								}
							}

							&.flight-date {
								width: 140px;
								line-height: 17px;
								text-align: center;

								strong {
									display: block;
									font-size: 1.1em;
								}
							}

							&.flight-price {
								width: 125px;
								text-align: right;
								font-size: 1.2em;
								color: @bg-yellow;
								float: right;
							}
						}
					}
				}
			}
		}

		.payment {
			.payment-steps {
				border-radius: 3px;
				margin-top: 25px;

			   ul {
			   	overflow: hidden;
			   	width: 100%;
			   	list-style-type: none;

			   		li {
			   			float: left;
			   			margin: 0 .5em 0 1em;

			   			a {
			   				/*.step (@no) {
								background: url('../img/step-@{no}.png') no-repeat scroll center center;
							}

							&.step-1 {
								.step(1);
							}

							&.step-2 {
								.step(2);
							}

							&.step-3 {
								.step(3);
							}*/
							
			   				background-color: @bg-main;
							padding: .7em 64px;
							float: left;
							text-decoration: none;
							color: #fff; 
							position: relative;
							font-size: 1.2em;

							&.current, &.current:hover {
								background-color: @bg-green;
								cursor: default;
							}

							&.current::after {
								border-left: 1em solid @bg-green;
							}

							&.current::before {
								border-color: @bg-green @bg-green @bg-green transparent;
							}

							&.step-hover:hover {
								background-color: @bg-green;

								&::after {
									border-left-color: @bg-green;
								}

								&::before {
									border-color: @bg-green @bg-green @bg-green transparent;
								}
							}

							&::after {
								content: "";
								position: absolute;
								top: 50%;
								margin-top: -1.5em;   
								border-top: 1.5em solid transparent;
								border-bottom: 1.5em solid transparent;
								border-left: 1em solid @bg-main;
								right: -0.95em;
							}

							&::before {
								content: "";
								position: absolute;
								top: 50%; 
								margin-top: -1.5em;   
								border-width: 1.5em 0 1.5em 1em;
								border-style: solid;
								border-color: @bg-main @bg-main @bg-main transparent;
								left: -0.95em;
							}

							a.checkout-link {
								cursor: pointer;
							}
			   			}

			   			&:first-child {
							margin-left: 0;

							a {
								border-radius: 3px 0 0 3px;

								&.current::after {
									content: "";
									border-left: 1em solid @bg-green;
								}

								&::before {
									content: normal;
								}
							}
			   			}

			   			&:last-child {
			   				margin-right: 0;

							a {
								border-radius: 0 3px 3px 0;

								&.current::before {
									content: "";
									border-color: @bg-green @bg-green @bg-green transparent;
								}

								&::after {
									content: normal;
								}
							}
			   			}
			   		}
				}
			}

			.payment-info {
				#section > .global(20px);

				h2 {
					#section > .title;
				}

				.payment-header, .contact-person, .payment-details, .review-policy {
					border-top: 3px solid #243043;
		    		margin: 0 30px;

		    		h3 {
		    			#section > .title-details;
		    		}
				}

				.payment-header {
					ul {
						list-style-type: none;

						li {
							display: inline-block;

							a {
								background: none repeat 0 0 scroll @bg-green;
								padding: 3px 10px;
								border-radius: 3px; 
							}

							&.active {
								background: url('../img/icons/icon-drop-yellow.png') no-repeat scroll center bottom;
								padding-bottom: 7px;

								a {
									color: #000;
									text-shadow: 0 1px 0 #fff;
									background: none repeat 0 0 scroll @bg-yellow;
								}
							}
						}
					}
				}

				.contact-person {
					.right {
						float: right;
					}

					.note-mail {
						font-size: 0.8em;
						color: #ccc;
						margin-top: 5px;
					}

					ul {
						list-style-type: none;

						li {
							display: inline-block;
							margin-left: 0;
							margin-right: 30px;
						}
					}
				}

				.payment-details {
					.detail-credit-card {
						margin-bottom: 20px;

						span {
							margin-left: 30px;

							strong {
								padding-left: 20px;
							}
						}
					}

					.unique-total {
						list-style-type: none;
						margin: 0 0 20px;

						li {
							margin-left: 0;
							padding: 10px 0;
							background : url('../img/assets/line.png') 50% 100% repeat-x;

							.currency {
								float: right;
							}

							h4 {
								margin-bottom: 0;
								font-weight: normal;
							}
						}
					}
				}

				.payment-instruction, .payment-terms {
					margin: 0 30px;

					h4 {
						font-weight: normal;
						font-size: 1.2em;
						margin-bottom: 0;
					}
				}

				.payment-terms {
					ul {
						list-style-type: none;
						margin-bottom: 20px;

						li {
							margin-left: 0;
							padding-top: 5px;

							.left {
								float: left;
								width: 30px;
								text-align: center;
							}

							.right {
								float: right;
								width: 540px;

								label {
									font-size: 1em;
								}
							}
						}
					}
				}

				.cont-booking {
					margin: 0 30px 20px;

					p  {
						margin-bottom: 20px;
					}

					.button {
						float: right;
					}
				}
			}

			.payment-checkout {
				#section > .global(20px);

				h2 {
					#section > .title;
				}

				.transfer-payment, .transfer-confirmation {
					border-top: 3px solid #243043;
		    		margin: 0 30px;

		    		h3 {
		    			#section > .title-details;
		    		}
				}

				.transfer-payment {
					.bank-item {
						background : url('../img/assets/line.png') 50% 100% repeat-x;
						font-size: 1.1em;
						padding-bottom: 10px;
						margin-bottom: 10px;

						span {
							width: 120px;
							display: inline-block;
						}

						&:last-child {
							background-image: none;
						}
					}
				}

				.transfer-confirmation {
					padding-bottom: 20px;

					h4 {
						margin-bottom: 0;
						font-weight: normal;
						color: @bg-yellow;
						font-size: 1.2em;
					}

					.button {
						float: right;
						padding: 5px 10px;
						font-size: 1.2em;
						background-color: @bg-green;
						color: #fff;
						text-shadow: none;
					}
					.left {
						width: 200px;
						float: left;

						label em {
							font-size: 0.9em;
							color: #ccc;
						}
					}

					.right {
						width: 350px;
						float: right;
					}
				}
			}
		}

		.my-order {
			#section > .global(25px);

			h2 {
				#section > .title;

				.change-currency {
					float: right;
					padding-top: 5px;
					font-size: 0.6em;

					select {
						#section > .select;
						margin-left: 10px;
					}
				}
			}

			.my-order-wrapper {
				.flight-loading, .hotel-loading {
					&.hidden {
						display: none; /* to-do */ 
					}
				}

				.title-flight-wrapper, .title-hotel-wrapper {
					border-bottom: 3px solid @bg-alt;
					margin: 0 30px;

					h3 {
						font-weight: normal;
						font-size: 1.4em;
						margin-bottom: 0;

						.title {
							display: inline-block;
							position: relative;
							padding: 5px 20px 5px 40px;
						}

						.del {
							cursor: pointer;
							display: inline-block;
							float: right;
							height: 14px;
							width: 14px;
							margin: 10px;
							text-indent: -99999px;
							background: url('../img/icons/icon-cancel.png') no-repeat center center scroll;
						}
					}
				}

				.title-flight-wrapper {
					.title {
						background: @bg-alt url('../img/icons/icon-flight.png') no-repeat 10px 10px scroll;
					}
				}

				.title-hotel-wrapper {
					.title {
						background: @bg-alt url('../img/icons/icon-hotel.png') no-repeat 10px 10px scroll;
					}
				}

				.available (@color) {
					background: none repeat 0 0 scroll @color;
					margin: 0 30px;
					padding: 7px 15px;
					font-size: 1.2em;

					p {
						margin-bottom: 0;
					}
				}

				.availability {

					&.available {
						.available(#34B297);
					}

					&.unavailable {
						.available(#C0392A);
					}

					&.hidden {
						display: none;
					}
				}

				.my-order-item {
					margin: 30px 30px 0;

					.image-flight {
						margin-left: 0;
					}

					.order-detail {

						h4 {
							font-size: 1.6em;
							margin-bottom: 0;
						}

						h5 {
							margin-bottom: 0;
							font-weight: normal;
							text-transform: uppercase;
						}

						strong {
							width: 110px;
							display: inline-block;
						}

						.depart-arrival, .checkin-out {
							margin-bottom: 30px;

							p {
								margin-bottom: 0;
							}
						}
					}

					.cost-fare {
						float: right;
						margin-right: 0;
						text-align: right;

						.item-price {
							display: block;
							font-size: 1.5em;
							text-transform: uppercase;
							margin-bottom: 10px;
						}

						.button {
							padding: 5px 10px;
						}
					}
				}

				.tax {
					margin: 0 30px;

					span {
						float: right;
					}
				}
			}

			.total-orders {
				padding: 0 30px;
				text-align: left;
				text-transform: uppercase;
				font-size: 1.6em;
				
				p {
					margin-bottom: 8px;

					span {
						float: right;
					}
				}
			} 

			.footer-info (@bg-color) {
				background: none repeat 0 0 scroll @bg-color;
				margin: 0 30px 20px;
				padding: 10px 35px;
				font-size: 1.1em;
				border-radius: 3px;
			}

			.promo-input {
				.footer-info (@bg-alt);

				.submit {
					margin-bottom: 0;

					.input-append {
						display: inline-block;
						vertical-align: middle;

						input[type="text"] {
							#section > .text-select;
							width: auto;
							border-radius: 4px 0 0 4px;
							margin-left: 20px;
							padding: 4px 6px;
							line-height: 18px;
							font-size: 1em;
						}

						input[type="submit"] {
							border: medium none;
							border-radius: 0 4px 4px 0;
							padding: 4px 12px;
							color: #fff;
							background-color: #3996D3;
							cursor: pointer;
							margin-left: -5px;
							font-weight: 600;
							line-height: 20px;
							font-size: 1em;
						}
					}
				}
			}

			.cc-discount {
				.footer-info(#F39C14);

				color: @bg-main;

				p {
					margin-bottom: 0;
				}
			}

			.check-out {
				margin: 0 30px;
				padding-bottom: 60px;

				.buy-another {
					font-size: 1.1em;
					float: left;
					margin-top: 10px;
					background: url('../img/icons/icon-arrow-from.png') no-repeat scroll center left transparent;
					padding-left: 30px;

					&:hover {
						text-decoration: underline;
					}
				}

				#checkout-button {
					float: right;
				}
			}
		}

		.poi-detail {
			.book-now {
				#section > .global(20px);

				h4 {
					font-weight: normal;
					margin-bottom: 0;
					padding: 10px 30px;
					font-size: 1.2em;
				}

				.update {
					background: none repeat 0 0 scroll @bg-alt;
					padding: 10px 30px;

					ul {
						margin-bottom: 0;
						list-style-type: none;

						li {
							margin-left: 0;
							display: inline-block;
							padding: 0 15px 5px 0;

							label {
								display: block;
								font-size: 1em;
							}

							input, select {
								width: 60px;
								vertical-align: middle;

								&.datepicker {
									width: 100px;
									background-position: 95% center;
								}

								&.button {
									font-size: 1em;
									padding: 5px;
								}
							}

							&:last-child {
								padding-right: 0;
							}
						}
					}
				}

				.result-box {
					padding-bottom: 20px;

					h3 {
						font-weight: normal;
						margin-bottom: 0;
						padding: 5px 30px;
					}

					.room-wrapper {
						padding: 0 30px 20px;

						.room-list {
							float: left;

							.zoom {
								position: relative;
								background: none repeat scroll 0 0 #FFFFFF;
								display: inline-block;
								height: 76px;
								width: 76px;

								img {
									border: 3px solid #fff;
								}

								&:hover {
									img {
										opacity: 0.8;
									}

									.zoom-overlay {
										opacity: 0.8;
										display: inline-block;
									}
								}

								.zoom-overlay {
									display: none;
									background: url('../img/icons/icon-zoom.png') no-repeat scroll center center transparent;
									cursor: pointer;
									position: absolute;
									top: 0;
									left: 0;
									height: 76px;
									width: 76px;
								}
							}

							.room-desc {
								width: 140px;
								float: right;

								h2 {
									font-weight: normal;
									margin-bottom: 5px;
									font-size: 1.3em;
									line-height: 10px;

								}

								.room-added {
									font-size: 0.9em;

									a {
										margin-top: 10px;
										display: inline-block;
										color: #A4A4A4;

										&:hover {
											text-decoration: underline;
										}
									}
								}
							}
						}

						.rate-room {
							float: right;
							text-align: right;

							h3 {
								padding: 0;
								line-height: 15px;
								margin-bottom: 8px;

								strike {
									font-size: 12px;
									display: inline;
									vertical-align: top;
									margin-right: 5px;
								}
							}

							.only {
								line-height: 10px;
								margin-bottom: 20px;
								font-style: italic;
							}

							.room-action {
								.button {
									background-color: #3498db;
									font-size: 12px;
									font-weight: bold;
									text-transform: uppercase;
									padding: 7px 13px;
									margin-left: 5px;
									color: #fff;
									text-shadow: none;

									&.purple {
										background-color: #e67e22;
									}
								}
							}
						}

						&:last-child {
							padding-bottom: 0;
						}
					}
				}
			}

			.overview {
				#section > .global(20px);
				border-radius: 3px 3px 0 0;

				h2 {
					#section > .title;
				}

				.overview-content {
					padding: 0 30px 20px;
				}
			}

			.map-poi {
				background: none repeat 0 0 scroll @bg-main;

				h4 {
					font-weight: normal;
					padding: 5px 30px;
					background-color: @bg-alt;
					display: inline-block;
					margin-bottom: 0;
				}

				#map {
					border-top: 5px solid @bg-alt;
					width: 100%;
					height: 250px;
				}
			}

			.photo-poi {
				#section > .global(20px);

				h2 {
					/*font-weight: normal;
					padding: 5px 30px;
					color: @bg-main;
					margin-bottom: 0;*/
					#section > .title;
				}

				ul {
					list-style-type: none;
					margin-bottom: 0;
					padding: 0 30px 10px;

					li {
						display: inline-block;
						margin-left: 0;
						margin-bottom: 10px;
						margin-right: 10px;

						img {
							border-radius: 5px;
						}

						&:nth-child(7n) {
							margin-right: 0;
						}
					}
				}
			}

			.nearby-poi {
				#section > .global(20px);

				h2 {
					#section > .title;
				}

				.near-wrap {
					padding: 0 30px;

					.near-col {
						width: 280px;
						display: inline-block;

						img {
							border-radius: 3px;
							display: inline-block;
							vertical-align: top;
						}

						.near-desc {
							display: inline-block;
							width: 180px;
							float: right;

							h3 {
								font-weight: normal;
								font-size: 1.2em;
								line-height: 18px;
								margin-bottom: 5px;

								a {
									color: #fff;
								}
							}

							.distance {
								color: @bg-yellow
							}
						}

						&.right {
							margin-left: 5px;
						}
					}

					hr {
						margin: 0 0 10px;
					}
				}
			}
		}

		.hotel-search {
			.head-search-hotel {
				#section > .global(25px);

				h1 {
					font-weight: normal;
					font-size: 1.6em;
					padding: 8px 30px;
					margin-bottom: 0;
				}

				.search-sort {
					background: none repeat 0 0 scroll @bg-alt;
					border-radius: 0 0 3px 3px;
					
					ul {
						margin-bottom: 0;
						list-style-type: none;

						li {
							padding: 10px 0;
							text-align: center;
							display: inline-block;
							margin-left: 0;

							&.active {
								background: url('../img/icons/icon-drop-yellow.png') no-repeat scroll center bottom transparent;
								padding-bottom: 7px;

								a {
									background-color: @bg-yellow;
									border-radius: 3px;
									color: #000;
									text-shadow: 0 1px 0 #fff;

									&:hover {
										text-decoration: none;
									}
								}
							}

							a {
								padding: 3px 8px;

								&:hover {
									text-decoration: underline;
								}
							}

							&:first-child {
								padding: 10px 20px 10px 30px;
							}
						}
					}
				}
			}

			.search-result-hotel {
				#section > .global(20px);
				padding: 20px 20px 1px;

				.hotel-wrap {
					background : url('../img/assets/line.png') 50% 100% repeat-x;
					padding-bottom: 20px;
					margin-bottom: 20px;

					.hotel-list {
						.show-hotel {
							display: inline-block;
							vertical-align: top;
						}

						.hotel-desc {
							display: inline-block;
							width: 310px;
							float: right;

							h2 {
								font-weight: normal;
								margin-bottom: 5px;
								line-height: 20px;
								font-size: 1.4em;
							}

							.hotel-star {
								list-style-type: none;
								margin-bottom: 5px;

								li {
									display: inline-block;
									margin-left: 0;
								}
							}

							.map {
								margin-left: 10px;

								a {
									color: @bg-blue;

									&:hover {
										text-decoration: underline;
									}
								}
							}
						}
					}

					.rate-hotel {
						margin: 0;
						float: right;
						text-align: center;

						h3 {
							font-size: 1.3em;
							line-height: 15px;
						}

						.button {
							padding: 5px 20px;
							background-color: @bg-green;
							color: #fff;
							text-shadow: none;
						}
					}
				}
			}
		}

		.hotel {
			.hotel-feature {
				#section > .slider-feature;

				.hotel-pages {
					#section > .slider-pages;
				}
			}

			.hotel-promo {
				#section > .global(20px);

				h2 {
					#section > .title;
				}

				.hotel-promo-wrap {
					padding: 0 30px 20px;

					ul {
						list-style-type: none;
						margin-bottom: 0;

						li {
							display: inline-block;
							margin-left: 0;
							margin-right: 20px;

							a {
								font-size: 1.2em;
							}

							&:last-child a {
								margin-right: 0;
							}

							&.active {
								padding-bottom: 7px;
								background: url('../img/icons/icon-drop-yellow.png') no-repeat scroll center bottom transparent;

								a {
									background-color: #FFD100;
								    border-radius: 3px 3px 3px 3px;
								    color: #000000;
								    text-shadow: 0 1px 0 #fff;
									padding: 3px 12px;
								}
							}
						}
					}

					.destination {
						display: inline-block;
						width: 275px;
						margin-top: 20px;
						vertical-align: top;
						cursor: pointer;

						&:nth-child(2n) {
							float: right;
						}

						&:hover h4 a {
							color: @bg-green;
							.transition();
						}

						.hotel-image {
							width: 90px;
							display: inline-block;
							float: left;
						}

						.hotel-details {
							display: inline-block;
							width: 185px;
							float: right;

							h4 {
								margin-bottom: 0;
								font-weight: normal;
								line-height: 18px;

								a {
									.transition();
								}
							}

							.price {

								strong {
									text-transform: uppercase;
									font-size: 1.2em;
									color: @bg-yellow;
								}
							}
						}
					}
				}
			}
		}

		.hotel-content {
			.destination {
				text-align: center;

				h3 {
					color: @bg-main;
					text-align: center;
					margin: 10px 0;
					padding: 10px 0 20px;
					font-weight: normal;
					font-size: 2.3em;

					span {
						display: block;
						font-size: 14px;
						color: @bg-alt;

						i {
							margin: 0 5px;
							font-style: normal;
							font-size: 1.3em;
							line-height: 10px;
							vertical-align: middle;
							color: #555;
						}

						a {
							color: @bg-blue;

							&:hover {
								text-decoration: underline;
							}
						}
					}
				}

				.tile {
					#section > .global(5px);
					vertical-align: top;
					display: inline-block;
					margin-right: 20px;
					border: 1px solid @bg-alt;
					cursor: pointer;

					&:hover h4 a {
						color: @bg-green;
						.transition();
					}

					&.last {
						margin-right: 0;
					}

					.hotel-image {
						position: relative;

						.price {
							position: absolute;
							display: inline-block;
							z-index: 500;
							bottom: 10px;
							right: 10px;
							padding: 5px 10px;
							background: none repeat 0 0 scroll @bg-yellow;
							border-radius: 2px;
							color: #000;
							text-shadow: 0 1px 0 #fff;
							z-index: 500;
						}

						.hotel-star {
							position: absolute;
							width: 100px;
							bottom: 10px;
							left: 10px;
						}
					}

					.hotel-name {
						h4 {
							font-weight: normal;
							margin-bottom: 0;
							padding: 10px 10px 0;
							text-align: left;
							
							a {
								.transition();
							}

							span {
								display: block;
								font-size: 13px;
								color: #fff;
							}
						}
					}

					.details {
						background: none repeat 0 0 scroll @bg-alt;
						text-align: center;
						font-size: 0.9em;
						color: #ccc;
						padding: 5px 0;
						margin-top: 15px;

						span {
							margin: 0 10px;
							color: #bbb;
						}
					}
				}
			}
		}

		.dashboard-content {
			#section > .global(25px);

			.tabs-content {
				h2 {
					#section > .title;

					.input-search {
						position: relative;
						display: inline-block;
						float: right;

						input {
							position: absolute;
							top: 5px;
							right: 3px;
							width: 180px;
							padding-right: 23px;
						}

						button {
							border: medium none;
							height: 16px;
							width: 14px;
							background: none repeat 0 0 scroll transparent; 
							position: absolute;
							top: 10px;
							right: 10px;
							padding: 0;
							cursor: pointer;
						}
					}
				}

				.book-content {
					padding: 0 20px;

					td {
						text-align: center;

						&.name-order {
							text-align: left;
							width: 200px;
						}

						&.order-id {
							color: #ccc;
						}

						&.action {
							.button {
								color: #fff;
								text-shadow: none;
								font-size: 1em;
								padding: 3px 15px;
								background-color: @bg-blue;

								&:hover {
									text-decoration: underline;
								}
							}
						}

						.booked {
							color: @bg-green;
						}

						.order {
							color: @bg-yellow;
						}
					}
				}

				.trip-plan-content {
					padding: 0 20px;
				}

				.review-content {
					padding: 0 20px;
				}

				.profile-content, .account-setting-content {
					padding: 0 20px 20px;

					ul {
						list-style-type: none;
						margin-bottom: 20px;

						li {
							margin-left: 0;
							display: inline-block;
							font-size: 1.2em;

							a {
								padding: 3px 10px;
							}

							&.active {
								background: url("../img/icons/icon-drop-yellow.png") no-repeat scroll center bottom transparent;
    							padding-bottom: 7px;

								a {
									background-color: @bg-yellow;
									border-radius: 2px;
									text-shadow: 0 1px 0 #fff;
									color: #000;
								}
							}
						}
					}

					.cols {
						.right {
							float: right;
						}

						.format-phone {
							font-size: 0.8em;
							color: #ccc;

							a:hover {
								text-decoration: underline;
								cursor: pointer;
							}
						}
					}

					hr {
						margin: 0;
					}

					.submit {
						float: right;
						margin-right: 5px;

						.button {
							background-color: @bg-blue;
							color: #fff;
							text-shadow: none;
							padding: 5px 20px;
						}

						&.left {
							float: left;
							margin-left: 5px;
						}
					}
				}
			}
		}

		.news-content {
			margin-top: 25px;

			.news-tile {
				background: none repeat 0 0 scroll @bg-main;
				border-radius: 3px;	
				overflow: hidden;
				height: 225px;
				position: relative;
				margin-bottom: 10px;

				&:hover h3 a {
					color: @bg-green;
					.transition();
				}

				.source {
					position: absolute;
					display: inline-block;
					text-transform: uppercase;
					font-size: 0.8em;
					padding: 3px 5px;
					top: 0;
					left: 10px;
					background-color: @bg-blue;
				}

				h3 {
					font-weight: normal;
					margin-bottom: 0;
					padding: 30px 30px 10px;
					font-size: 1.3em;
					line-height: 18px;
					.transition();
				}

				.description {
					padding: 0 30px;
				}

				.date-publish {
					display: block;
					padding: 0;
					font-size: 0.9em;
					color: @bg-yellow;
				}

				.play-radio {
					height: 40px;
					width: 40px;
					text-indent: -99999em;
					position: absolute;
					bottom: 10px;
					right: 10px;
					background-color: #2980b9;
					background-repeat: no-repeat;
					border-radius: 50%;

					&.play {
						background-image: url('../img/icons/icon-play.png');
						background-position: 15px center;
					}

					&.pause {
						background-image: url('../img/icons/icon-pause.png');
						background-position: center center;
					}

					&:hover {
						background-color: #3498db;
					}
				}

				&.alt {
					.source {
						background-color: @bg-green;
					}

					h3 {
						padding: 0;
					}

					.overlay {
						position: absolute;
						background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
						bottom: 0;
						opacity: 0.7;
						padding: 10px 30px;
					}
				}
			}
		}
	}

	&.sidebar-right {
		.home-left {
			margin-top: 25px;
			
			a {
				img {
					margin-top: 20px;
				}

				&:first-child img {
					margin-top: 0;
				}
			}
		}
		
		.ads-space {
			margin-top: 25px;
			text-align: right;

			img {
				margin-bottom: 10px;
			}
		}

		.order-summary {
			#section > .global(90px);

			h2 {
				background: none repeat scroll 0 0 #243043;
			    border-radius: 3px 3px 0 0;
			    font-weight: normal;
			    padding: 5px 30px;
			}

			h4 {
				font-weight: normal;
				margin: 0 30px 10px;

				span {
					float: right;
				}
			}

			ul {
				list-style-type: none;

				li {
					h3 {
						margin-bottom: 0;
						font-weight: normal;
						font-size: 1.2em;
					}

					.depart-arrive {
						display: inline-block;
						width: 60px;
					}

					.currency {
						float: right;
						margin-right: 30px;
					}

					ul {
						list-style-type: disc;
						margin-bottom: 0;
					}
				}
			}

			hr {
				margin-bottom: 0;
			}

			.promo-wrap {
				margin: 0 30px 20px;

				label {
					display: inline-block;
				}

				input[type="text"] {
					width: 80px;
					display: inline-block;
					float: right;
				}

				.separator-or {
					text-align: center;
					margin: 5px 0;
					background: url('../img/assets/line.png') 50% 50% repeat-x;

					span {
						background-color: #fff;
						border-radius: 25px;
						padding: 6px;
						color: @bg-main;
						font-style: italic;
						font-family: Georgia,"Times New Roman",Times,serif;
					}
				}

				.confirm-use {
					margin-top: 15px;

					input {
						background: none repeat 0 0 scroll @bg-green;
						padding: 5px 0;
						font-size: 1em;
						border-radius: 3px;
						cursor: pointer;
						border: medium none;
						width: 100%;
						color: #fff;
						font-size: 1.1em;
					}
				}
			}

			.unique {
				padding: 0 30px 20px;

				.currency {
					float: right;
				}
			}

			.total-order {
				background: none repeat 0 0 scroll @bg-yellow;
				color: #000;
				border-radius: 0 0 3px 3px;
				padding: 15px 30px;
				font-size: 1.1em;
				text-shadow: 0 1px 0 #fff;

				p {
					margin-bottom: 0;

					.currency {
						float: right;
						font-size: 1.4em;
						line-height: 20px;
						font-weight: bold;
					}
				}
			}
		}
	}

	&.header-poi {
		margin-top: 25px;

		.breadcrumbs {
			ul {
				list-style-type: none;
				margin: 0 25px 5px;
				text-transform: uppercase;
				color: #000;
				font-size: 0.9em;

				li {
					display: inline-block;
					margin-left: 0;
					padding: 0 8px 0 5px;

					a {
						color: #000;

						&:hover {
							color: #555;
						}

						&.current:hover {
							color: #000;
						}
					}
				}

				span {
					font-size: 1.5em;
					line-height: 10px;
					vertical-align: baseline;
				}
			}
		}

		hgroup {
			padding: 0 30px;

			.title-poi (@size) {
				color: #000;	
				font-size: @size;
				font-weight: normal;
				margin-bottom: 0;
			}

			h1 {		
				.title-poi(2.4em);
				line-height: 25px;
			}

			h4 {
				.title-poi(1.4em);
			}
		}
	}
}

footer {
	ul {
		list-style-type: none;

		li {
			display: inline;
		}
	}

	nav ul {
		text-align: center;
		margin-top: 50px;

		li {
			a {
				text-decoration: none;
				color: @bg-main;
				font-size: 1.1em;
				font-weight: 600;

				&:hover {
					color: #666;
				}
			}
		}
	}

	.footer {
		background: url('../img/assets/triangle-main-up.png') repeat-x right top;
		font-size: 11px;
		padding: 10px 0 0;
		color: #fff;

		a {
			color: #fff;
			text-decoration: underline;

			&:hover {
				text-decoration: none;
			}
		}

		ul {
			margin-bottom: 0;
			margin-left: 15px;

			li {
				margin: 0 10px 0 0;
			}
		}

		.footer-wrapper {
			background-color: @bg-main;
			padding: 15px 0 20px;
			margin-top: -2px;

			.footer-left {
				text-align: left;

				.copyright {
					margin-left: 15px;
				}
			}


			.footer-right {
				text-align: right;

				a {
					font-size: 1.1em;
					text-decoration: none;
				}

				p {
					margin-bottom: 0;
				}
			}
		}
	}
}
